<!doctype html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <title>崩坏3 深渊战报</title>
    <link rel="stylesheet" href="{{pluResPath}}html/newAbyss/newAbyss.css" />
  </head>
  <body>
    <div class="reports-container">
      {{ each reports report }} {{ set levelMap = { 1: "禁忌", 2: "原罪I", 3: "原罪II", 4:
      "原罪III", 5: "苦痛I", 6: "苦痛II", 7: "苦痛III", 8: "红莲", 9: "寂灭" } }}
      <div class="report-card">
        <div class="boss-bg" style="background-image: url('{{ report.boss.avatar }}');"></div>
        <div class="content">
          <div class="header">
            <div class="titles">
              <div class="zone-title">终级区·{{levelMap[report.level]}}·超弦空间</div>
              <div class="boss-title">{{ report.boss.name }}</div>
            </div>
            <div class="score">
              <span class="score-label">最高积分:</span>
              <span class="score-value">{{ report.score }}</span>
            </div>
          </div>

          <div class="lineup">
            {{ each report.lineup char }}
            <div class="char-card">
              <div
                class="char-background"
                style="background-image: url('{{ char.avatar_background_path_v2 }}');"
              ></div>
              <div
                class="char-attribute"
                style="background-image: url('{{ char.attribute_background_path }}');"
              ></div>
              <img class="char-img" src="{{ char.icon_path }}" alt="{{ char.name }}" />
              <span class="rank-tag {{ char.star >= 4 ? 'rank-ss' : 'rank-s' }}">
                {{ char.star >= 4 ? 'SS' : 'S' }}
              </span>
            </div>
            {{ /each }} {{ if report.elf && report.elf.avatar }}
            <div class="char-card">
              <img class="char-img" src="{{ report.elf.avatar }}" alt="{{ report.elf.name}}" />
              <span class="rank-tag rank-elf">
                {{ report.elf.star ? '★'.repeat(report.elf.star) : '★' }}
              </span>
            </div>
            {{ /if }}
          </div>

          <div class="stats">
            段位<strong>{{levelMap[report.settled_level]}}</strong><br />
            排名<strong>{{ report.rank }}</strong><br />
            杯数<strong>{{ report.cup_number }}</strong>({{ report.settled_cup_number >= 0 ? '+' :
            '' }}{{ report.settled_cup_number }})
          </div>
          <div class="date">结算时间 {{ report.updated_time }}</div>
        </div>
      </div>
      {{ /each }}
    </div>
  </body>
</html>
